<template>
<el-container>
  <el-header style="width: 100vw;">
    <el-row :gutter="24">
      <el-col :span="20"><div class="grid-content bg-purple">westgame-{{env}}</div></el-col>
      <!-- <el-col :span="20"><div class="grid-content bg-purple">wg2-dev</div></el-col> -->
    </el-row>
  </el-header>
  <el-container>
    <el-aside width="200px" style="max-height: 800px;">
    	<component :is="page"></component>
    </el-aside>
    <el-container>
      <el-main> <router-view></router-view></el-main>
<!--      <el-footer>Footer</el-footer>-->
    </el-container>
  </el-container>
</el-container>
</template>
<style scoped>
.el-main{
  /* padding: 0px; */
  /* background-color: #F5F7FA; */
  /*height: 99vh !important;*/
  /*overflow-y: hidden*/
}
	.el-header {
    background-color: rgb(186 230 253);
		/*background-color: #B3C0D1;*/
		color: #333;
		/* line-height: 80px; */
	}
	.el-aside {
		color: #333;
	}
</style>

<script>
  import sidebar from './sidebar'
  import settings from '../../settings'
	export default {
		data() {
      return{
        page: sidebar,
        env : settings.EVN
      }
		},
    methods:{
    }
	};
</script>
